<div id="header-bar-content" class="barbackground">
    <span class="navigation-font-white white-links header-bar-page-title-text">
      {% if vocab_id is defined %}
        {% if path_fix|length > 5 %}
          <a href="{{ path_fix }}{% if vocab_id %}{{ vocab_id  }}/{% endif %}{{lang}}/">{{ vocab.title }}</a>
        {% else %}
          {% if vocab.title is defined %}
            {{ vocab.title }}
          {% else %}
            {{ vocab_id|trans }}
          {% endif %}
        {% endif %}
      {% else %}{% if front_page is not defined %}<a href="{{ path_fix }}{{lang}}/">{% endif %}{% trans %}Vocabularies{% endtrans %}{% if front_page is not defined %}</a>{% endif %}
    {% endif %}
    </span>
  {% if vocab_id and vocab.title %}
  <div id="header-bar-navigation">
    <ul>
      <li><span class="navigation-font-white white-links header-bar-page-title-text"><a id="toggle" href="{{ path_fix }}{% if vocab_id %}{{ vocab_id }}{% endif %}/{{ lang }}/stats">{% trans "Vocabulary statistics" %}</a></span></li>
      <li><span class="navigation-font-white white-links header-bar-page-title-text"><a href="{{ path_fix }}{% if vocab_id %}{{ vocab_id }}{% endif %}/{{ lang }}/index">{% trans "Alphabetical index" %}</a></span></li>
      {% if vocab.hasGlobalCollections %}
        <li><span class="navigation-font-white white-links header-bar-page-title-text"><a href="{{ path_fix }}{% if vocab_id %}{{ vocab_id }}{% endif %}/{{ lang }}/collections">{% trans "Group index" %}</a></span></li>
      {% endif %}
      {# <li><span class="navigation-font-white white-links header-bar-page-title-text"><a href="{{ path_fix }}{% if vocab_id %}{{ vocab_id }}{% endif %}/{{ lang }}/hierarchy">{% trans "Hierarchy" %}</a></span></li> #}
    </ul>
  </div>
  {% endif %}
</div>
<!-- header-bar ENDS HERE -->
